<template>
	<div class="commonHeader flex align-center justify-between">
		<div class="commonHeaderLeft" @click="routerBack">
			<i class="el-icon-back"></i>
		</div>
		<div class="commonHeaderCenter flex align-center justify-around">
			蒋家图书管理系统
		</div>
		<div class="commonHeaderRight" @click="userCenter">
			<img src="../assets/image/backimg.jpg" style="width: 39px;height: 39px;border-radius: 50%;" >
		</div>
	</div>
</template>

<script>
	export default{
		name:'commonHeader',
		data(){
			return {
				hideBackUrlName: ['booklist']
			}
		},
		watch: {
			$route(value){
				console.log(value,'==value');
				// console.log(from,'==from');
			}
		},
		methods: {
			routerBack(){
				this.$router.go(-1)
			},
			userCenter(){
				this.$router.push({path: '/userinfo'})
			}
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.commonHeader{
		height: 60px;
		position: relative;
		.commonHeaderLeft{
			position: relative;
			z-index: 3;
			margin-left: 30px;
			color: #333;
			font-size: 26px;
			cursor: pointer;
		}
		.commonHeaderRight{
			position: relative;
			z-index: 3;
			margin-right: 30px;
			cursor: pointer;
		}
		.commonHeaderCenter{
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			z-index: 1;
			color: #333;
			font-size: 26px;
		}
	}
</style>
